<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>向上无缝滚动</title>
	<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>

<body>

<div  id="mooc"> 
<!--  头部 -->
<h3 id="moocTitle">前端工程师<a href="#" target="_self">更多>></a> </h3>
<!--  头部结束 --> 
<!--  中间 -->
<div id="moocBox">
    <ul>
        <li><a href="#">1.HTML</a><span>2016-10-09</span></li>
        <li><a href="#">2.CSS</a><span>2016-10-09</span></li>
        <li><a href="#">3.JavaScript</a><span>2016-10-09</span></li>
        <li><a href="#">4.JQuery</a><span>2016-10-09</span></li>
        <li><a href="#">5.HTML5</a><span>2016-10-09</span></li>
        <li><a href="#">6.CSS3</a><span>2016-10-09</span></li>
        <li><a href="#">7.Node.js</a><span>2016-10-09</span></li>
        <li><a href="#">8.AngularJS</a><span>2016-10-09</span></li>
        <li><a href="#">9.Bootstrap</a><span>2016-10-09</span></li>
    </ul>
</div>
<!--  中间结束 --> 
</div>

<script src="scripts/script.js"></script>
</body>
</html>

